<!--用户注册-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户注册</title>
    <style>
        form {
            width: 400px;
            margin: 0 auto;
        }
        button {
            margin-top: 10px;
        }
        label {
            text-align: center;
        }
    </style>
</head>
<body>
    <form action="#" method="post">
        <!-- 身份验证-必填信息 -->
        <table border="0" cellspacing="0" cellpadding="0" align="center"><th><h2>用户注册</h2></th></table>
        <fieldset>
            <legend>身份验证-必填信息</legend>
            <table border="0" cellspacing="0" cellpadding="0" align="center">
                <tr>
                    <td>用户名:</td>
                    <td><input type="text" name="username"></td>
                </tr>
                <tr>
                    <td>密码:</td>
                    <td><input type="password" name="password"></td>
                </tr>
                <tr>
                    <td>确认密码:</td>
                    <td><input type="password" name="confirm_password"></td>
                </tr>
            </table>
        </fieldset>

        <!-- 身份信息-选填信息 -->
        <fieldset>
            <legend>身份信息-选填信息</legend>
            <table border="0" cellspacing="0" cellpadding="0" align="center">
                <tr>
                    <td>所在城市:</td>
                    <td><input type="text" name="city"></td>
                </tr>
                <tr>
                    <td>工作单位:</td>
                    <td><input type="text" name="workplace"></td>
                </tr>
                <tr>
                    <td>家庭住址:</td>
                    <td><input type="text" name="address"></td>
                </tr>
            </table>
        </fieldset>

        <!-- 其他个人信息 -->
        <fieldset>
            <legend>其他个人信息</legend>
            性别:
            <select name="gender">
                <option value="male">男</option>
                <option value="female">女</option>
            </select>
            <br>
            <label for="hobby">爱好:</label>
            <input type="checkbox" name="hobby" value="reading">阅读
            <input type="checkbox" name="hobby" value="sports">运动
            <input type="checkbox" name="hobby" value="music">音乐
            <br>
            <label for="company">喜欢的公司:</label>
            <input type="radio" name="company" value="baidu">百度
            <input type="radio" name="company" value="google">谷歌
            <input type="radio" name="company" value="microsoft">微软
            <br>
            <label for="description">个人描述:</label><br>
            <textarea name="description" rows="5" cols="30"></textarea>
        </fieldset>

        <!-- 提交按钮 -->
        <button type="submit">提交您的资料</button>
        <button type="reset">重新填写资料</button>
    </form>
</body>
</html>
